<template>
  <el-card shadow="never" class="border-0">
    <el-row :gutter="20" class="mt-5">
      <!-- 端口占比 -->
      <el-col :span="12" :offset="0">
        <BarVert_Righttop :title="proxy.$t('协议排行')" :tip="proxy.$t('排行榜')" class="card"/>
      </el-col>
      <!-- 协议排行 -->
      <el-col :span="12" :offset="0">
        <Pie_Lefttop :title="proxy.$t('危险等级占比')" :tip="proxy.$t('占比')"  class="card mb-3"/>
        <!-- <IndexCard title="交易提示" tip="需要立即处理的交易订单" :btns="order" /> -->
      </el-col>
    </el-row>

    <!-- 下半 -->
    <el-row :gutter="20">
      <el-col :span="24" :offset="0">
        <Leftbot :title="proxy.$t('近期内攻击数')" :tip="proxy.$t('柱状图')"/>
      </el-col>
      <!-- 右 -->
      <!-- <el-col :span="12" :offset="0" v-permission="['getStatistics2,GET']">
                <Rightbot title="目的端口排行" tips="排行榜" class="card"/>
            </el-col> -->
    </el-row>
  </el-card>
</template>
<script setup>
import {getCurrentInstance} from 'vue'
import BarVert_Righttop from './view/BarVert_Righttop.vue'
import Pie_Lefttop from './view/Pie_Lefttop.vue'
import Leftbot from './view/Leftbot.vue'
const { proxy } = getCurrentInstance();
</script>